<template>
  <Card>
    <p slot="title">
      <span>消防红榜</span>
    </p>
    <ul class="toolbar" slot="extra">
      <li class="item">
        <Input
          v-model="keyword"
          placeholder="输入部位名称以搜索"
          :search="true"
          @on-search="renderTable(0)"
          enter-button="立即搜索"
        ></Input>
      </li>
    </ul>
    <Table :columns="tableColumns" :data="TableData" :height="600"></Table>
    <Divider />
    <Page show-elevator :page-size="PageSize" :total="PageCount" @on-change="renderTable"></Page>
    <Spin fix size="large" v-show="loading.PDTable"></Spin>
  </Card>
</template>

<script>
import axios from "axios";
export default {
  name: "",
  data() {
    return {
      tableColumns: [
        {
          title: "序号",
          key: "index",
          align: "center",
          width: 80
        },
        {
            title:'部位名称',
            key:'dangerDepName',
            align:'center'
        },
        {
          title: "所在地址",
          key: "dangerAddress",
          align: "center"
        },
        {
          title: "连续无隐患天数",
          key: "questionTime",
          align: "center"
        },

        {
          title: "连续无举报天数",
          key: "questionChargerName",
          align: "center"
        },
        {
          title: "消防安全责任人",
          key: "questionStatus",
          align: "center"
        }
      ],
      keyword: null,
      TableData: [],
      PageSize: 10,
      
      PageCount: 0,
      startTime: this.dateShift(0) + " 00:00:00",
      endTime: this.dateShift(0) + " 23:59:59",
      loading: false
    };
  },
  methods: {
    renderTable() {
      },
    
  },
  mounted() {
    this.renderTable(0);
  }
};
</script>

<style scoped>
</style>